<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>华北空管局培训中心教学管理系统</title>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./static/css/font.css">
		<link rel="stylesheet" href="lib/layui/css/layui.css" />
		<link rel="stylesheet" href="./static/css/weadmin.css">
		<link rel="stylesheet" href="static/css/regist.css" />
	</head>

	<body>

		<div class="regist-container" style="">
			<h2 class="zc-title"><i class="layui-icon zc-icon">&#xe613;</i> 华北空管局培训中心教学管理系统注册</h2>
			<div id="darkbannerwrap"></div>
			<div class="form-wrapper">
				<form class="layui-form" action="">
					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>账号</label>
						<div class="layui-input-inline">
							<input type="text" name="account" autocomplete="off" lay-verify="|account" placeholder="请输入账号" class="layui-input zc-account">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>姓名</label>
						<div class="layui-input-inline">
							<input type="text" name="username" lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input zc-username">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>性别</label>
						<div class="layui-input-block">
							<input type="radio" name="sex" value="男" title="男" class="zc-xbxz">
							<input type="radio" name="sex" value="女" title="女" checked class="zc-xbxz">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>出生年月</label>
						<div class="layui-input-inline">
							<input type="text" name="birthday" autocomplete="off" placeholder="请选择出生日期" class="layui-input birthday" id="birthday">
						</div>
					</div>

					<!--测试出生日期开始-->
					<div class="layui-inline">
						<label class="layui-form-label">限定可选日期</label>
						<div class="layui-input-inline">
							<input type="text" class="layui-input" id="test-limit1" placeholder="yyyy-MM-dd">
						</div>
					</div>
					<!--测试出生日期结束-->

					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>毕业院校</label>
						<div class="layui-input-inline">
							<input type="text" name="school" autocomplete="off" required placeholder="请输入毕业院校" class="layui-input zc-school">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>身份证号</label>
						<div class="layui-input-inline">
							<input type="text" name="idCard" autocomplete="off" required placeholder="请输入身份证号码" class="layui-input zcsfz">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>联系方式</label>
						<div class="layui-input-inline">
							<input type="text" name="phone" autocomplete="off" placeholder="请输入手机号码" class="layui-input zc-phone">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>选择班级</label>

						<div class="layui-input-inline">
							<select name="kecheng" lay-verify="required" class="" id="banji">
								<option value="">请选择班级</option>

							</select>
						</div>

					</div>
					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>选择课程</label>

						<div class="layui-input-inline">
							<select name="kecheng" lay-verify="required" class="kecheng">
								<option value="">请选择课程</option>

							</select>
						</div>

					</div>
					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>选择科目</label>
						<div class="layui-input-inline">
							<select name="kemu" lay-verify="required" class="kemu">
								<option value="">请选择科目</option>
							</select>
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>密码</label>
						<div class="layui-input-inline">
							<input type="password" name="password" autocomplete="off" lay-verify="required" placeholder="请再次输入密码" class="layui-input zc-password">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label"><span class="require-icon">*</span>确认密码</label>
						<div class="layui-input-inline">
							<input type="password" name="password" autocomplete="off" lay-verify="required" placeholder="请再次输入密码" class="layui-input confirm-password">
						</div>
					</div>
					<!--新增-->

					<div class="layui-form-item">
						<div class="layui-input-block">
							<button class="layui-btn" lay-submit lay-filter="formDemo" id="zc-regist">立即注册</button>
							<button type="reset" class="layui-btn layui-btn-primary">重置</button>
						</div>
					</div>
				</form>
			</div>

		</div>
		<script src="static/js/jquery.1.11.1.js"></script>
		<script src="static/js/public.js"></script>
		<script src="lib/layui/layui.js"></script>
		<script src="static/js/regist.js"></script>
		<script>
			layui.use(['form', 'laydate'], function() {
				var form = layui.form;
				var laydate = layui.laydate;
				var max=new Date().getYear();
				laydate.render({
					elem: '#birthday'
				});
				//				限定日期的选择开始
				var ins22 = laydate.render({
					elem: '#test-limit1',
					min: '2000-10-14',
//					max: '2080-10-14',
					max: max,
					ready: function() {
						ins22.hint('日期可选值设定在 <br> 2000-10-14 到 2080-10-14');
					}
				});
				//限定日期的选择结束
				//监听提交
				form.on('submit(formDemo)', function(data) {
					layer.msg(JSON.stringify(data.field));
					return false;
				});
				form.verify({
					account: function(value, item) { //value：表单的值、item：表单的DOM对象
							if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
								return '用户名不能有特殊字符';
							}
							if(/(^\_)|(\__)|(\_+$)/.test(value)) {
								return '用户名首尾不能出现下划线\'_\'';
							}
							if(/^\d+\d+\d$/.test(value)) {
								return '用户名不能全为数字';
							}
						},
						//我们既支持上述函数式的方式，也支持下述数组的形式
						//数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
					pass: [
						/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
					]
				});
			});
		</script>
	</body>

</html>